<!--
 * @Author       : jiangxiaoying
 * @Date         : 2021-01-04 10:18:13
 * @LastEditors  : jiangxiaoying
 * @LastEditTime : 2021-01-04 11:25:30
 * @FilePath     : \cloud-components\docs\pages\components\cloud-input-number\example4.vue
-->
<template>
  <div>
    <CloudInputNumber size="large" :min="1" :max="100000" :default-value="3" @change="onChange">
    </CloudInputNumber>
    <CloudInputNumber :min="1" :max="100000" :default-value="3" @change="onChange">
    </CloudInputNumber>
    <CloudInputNumber size="small" :min="1" :max="100000" :default-value="3" @change="onChange">
    </CloudInputNumber>
  </div>
</template>

<script>
  export default {
    title: '4.三种大小',
    subTitle: '三种大小的数字输入框，当 size 分别为 large 和 small 时，输入框高度为 40px 和 24px ，默认高度为 32px。',
    data () {
      return {

      }
    },
    methods: {
      onChange (value) {
        console.log('changed', value);
      },
    }
  }
</script>

<style lang="scss">
  .ant-input-number {
    margin-right: 10px;
  }
</style>